<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="box">

<div class="left">
<a href="index.html"><img src="images/1506673856.png" alt=""></a>
	<div class="left2"></div>
	<ul>
	<li><a href="detail.html">奇趣事</a></li>
	<li><a href="">潮科技</a></li>
	<li><a href="list.html">会生活</a></li>
	<li><a href="">美奇迹</a></li>
</ul>
   <hr style="position:absolute;top:330px; width: 180px;">
   <div style="position:absolute;top:350px; left:12px;">
<input type="text" style="height: 25px;" size="10" placeholder="输入关键字">
<button type="button" style="width: 50px;height: 30px;background-color: #ff766c;" >搜索</button>
</div>
<hr style="position:absolute;top:400px; width: 180px;">
<p style="text-align: center;"><a href="./admin/login.php">后台登录</a>&nbsp;|&nbsp;<a href="">链接02</a></p>
</div>
	<div class="center">
	<div id="wrapper">
	
	<div id="slider-wrap">
	  <ul id="slider">
		 <li >
			<div>
		<img src="images/slides/01.jpg" alt="" />
			</div>                
			<i class="fa fa-image"></i>
		 </li>
		 
		 <li >
			<div>
		<img src="images/slides/02.jpg" alt="" />
			</div>
			<i class="fa fa-gears"></i>
		 </li>
		 
		 <li >
			<div>
		<img src="images/slides/01.jpg" alt="" />
			</div>
			<i class="fa fa-sliders"></i>
		 </li>
		 
		 <li >
			<div>
				<img src="images/slides/02.jpg" alt="" />
			</div>
			<i class="fa fa-code"></i>
		 </li>
		 
		 <li >
			<div>
		<img src="images/slides/01.jpg" alt="" />
			</div>
			<i class="fa fa-microphone-slash"></i>
		 </li>	 
	  </ul>
	   <!--controls--> 
	  <div id="pagination-wrap">
		<ul>
		</ul>
	  </div>
	  <!--controls-->  		 
	</div>
</div>
	 
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/slide.js"></script>
<div class="jiaodian">
		<h1>焦点关注</h1>
		<dl class="tp1" >
			<a href=""><dd><img src="images/hots_1.jpg" alt="" ></dd>
			<span>asdsadsda</span></a>
		</dl>
		<dl class="tp2">
			<dd><a href=""><img src="images/hots_3.jpg" alt=""style="height: 130px; width: 240px;" ></dd>
			<span>asdsadsad</span></a>
		</dl>
		<dl class="tp3">
			<dd><a href=""><img src="images/hots_3.jpg" alt="" style="height: 130px; width: 240px;"></dd>
			<span>adsadasdas</span></a>
		</dl>
		<dl class="tp4">
			<dd><a href=""><img src="images/hots_3.jpg" alt=""style="height: 130px; width: 240px;" ></dd>
			<span>asdasdasd</span></a>
		</dl>
		<dl class="tp5">
			<dd><a href=""><img src="images/hots_3.jpg" alt=""style="height: 130px; width: 240px;" ></dd>
			<span>sadsadas</span></a>
		</dl>

	</div>
	<div class="ph">
       <h2>一周热门排行</h2>
       <ol>
       	<li>
       		<i class="ph1">1</i>
       		<a href="javascript:;">你敢骑吗？全球第一辆全功能3D打印摩托车亮相</a>
       		<a href="javascript:;" class="like">赞(964)</a>
       		<span>阅读（18206）</span>
       	</li>
       	<li>
       		<i>2</i>
       		<a href="javascript:;">又现酒窝夹笔盖新技能 城里人是不让人活了！</a>
       		<a href="javascript:;" class="like">赞(964)</a>
       		<span>阅读（18206）</span>
       	</li>
       	<li>
       		<i>3</i>
       		<a href="javascript:;">实在太邪恶了！照亮妹纸绝对领域与私处</a>
       		<a href="javascript:;" class="like">赞(964)</a>
       		<span>阅读（18206）</span>
       	</li>
       	<li>
       		<i>4</i>
       		<a href="javascript:;">没有任何防护措施的摄影师在水下拍到了这些画面</a>
       		<a href="javascript:;" class="like">赞(964)</a>
       		<span>阅读（18206）</span>
       	</li>
       	<li>
       		<i>5</i>
       		<a href="javascript:;">废灯泡的14种玩法妹子见了都会心动</a>
       		<a href="javascript:;" class="like">赞(964)</a>
       		<span>阅读（18206）</span>
       	</li>
       		
       </ol>

	</div>
	<div class="remen">
	<h2>热门推荐</h2>
	<ul>
	<li>
	    <a href=""><img src="images/hots_2.jpg" style="height: 150px; width: 195px;margin-left: 20px;"/ ></a>
	<br />
	    <p style="font-size: 14px;color: #666666;margin-left: 20px;"><a href="">星球大战原力觉醒视频演示电影<br />票86</p></a>
	</li>
	<li>
	    <a href=""><img src="images/hots_3.jpg"style="height: 150px; width: 195px;margin-left: 10px;"/></a>
	    <p style="font-size: 14px;color: #666;margin-left: 10px;"><a href="">你敢骑吗？全球第一辆全功能3D<br />打印摩托车亮相</p></a>
	</li>
	<li>
	    <a href=""><img src="images/hots_4.jpg"style="height: 150px; width: 195px;margin-left: 10px;"/></a>
	    <p style="font-size: 14px;color: #666;margin-left: 10px;"><a href="">又现酒窝夹笔盖新技能，城里人<br />是不让人活了</p></a>
	</li>
	<li>
	    <a href=""><img src="images/hots_5.jpg"style="height: 150px; width: 195px;margin-left: 10px;"/></a>
	    <p style="font-size: 14px;color: #666;margin-left: 10px;"><a href="">实在太邪恶！照亮妹纸绝对领域<br />与私处</p></a>
	</li>
	</ul>
</div>



	<div class="zuixin">
		<h2>最新发布</h2>
		<div class="text01">
			<h3>星球大战：原力觉醒视频演示 电影票68</h3>
			<h4>admin 发表于  2015-06-29</h4>
			<img src="images/hots_2.jpg"/>
			<br />
			<p>   星球大战原力觉醒:《星球大战原力觉醒》 中国首映盛典红毯,星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯,星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯,星球大战:原力觉醒:《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒:《星球大战:原力觉醒》 中国首映盛典红毯
			</p>
			<h5>阅读（3406）&nbsp;&nbsp;&nbsp;评论（0）&nbsp; &nbsp;&nbsp;点赞（167） &nbsp;&nbsp;&nbsp;分类：星球大战</h5>
		</div>
		<div class="text02">
			<h3>星球大战：原力觉醒视频演示 电影票68</h3>
			<h4>admin 发表于  2015-06-29</h4>
			<img src="images/hots_2.jpg"/>
			<br />
			<p>   星球大战原力觉醒:《星球大战原力觉醒》 中国首映盛典红毯,星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯,星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯,星球大战:原力觉醒:《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒:《星球大战:原力觉醒》 中国首映盛典红毯
			</p>
			<h5>阅读（3406）&nbsp;&nbsp;&nbsp;评论（0）&nbsp; &nbsp;&nbsp;点赞（167） &nbsp;&nbsp;&nbsp;分类：星球大战</h5>
		</div>
		<div class="text03">
			<h3>星球大战：原力觉醒视频演示 电影票68</h3>
			<h4>admin 发表于  2015-06-29</h4>
			<img src="images/hots_2.jpg"/>
			<br />
			<p>   星球大战原力觉醒:《星球大战原力觉醒》 中国首映盛典红毯,星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯,星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯星球大战:原力觉醒:《星球大战原力觉醒》中国首映盛典红毯,星球大战:原力觉醒:《星球大战:原力觉醒》中国首映盛典红毯，星球大战:原力觉醒:《星球大战:原力觉醒》 中国首映盛典红毯
		</p>
		
		<h5>阅读（3406）&nbsp;&nbsp;&nbsp;评论（0）&nbsp; &nbsp;&nbsp;点赞（167） &nbsp;&nbsp;&nbsp;分类：星球大战</h5>
		</div>
		</div>
		</div>
		
















<div class="right">
	<div class="right2">
		<h3 style="margin: 10px 25px;" >搜索</h3>
		<div style="position:absolute;top:50px; left:30px;">
<input type="text" style="height: 25px;" size="10" placeholder="输入关键字">
<button type="button" style="width: 50px;height: 30px;background-color: #ff766c;" >搜索</button>
</div>
	</div>
	<div class="right3">
	<h3 style="margin: 10px 25px;">随机推荐</h3>
	<dl>
		<dt>
			<img src="images/widget_1.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>
		<a href="">废灯泡的14种玩法 妹子见了都心动
		</dd>
		<dd class="rd">阅读（819）</dd>
		</a>
	</dl>
	<hr>
	<dl>
		<dt>
			<img src="images/widget_2.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>
		<a href="">可爱卡通造型iPhone6防水手机套</dd>
		<dd class="rd">阅读（819）</dd>
		</a>
	</dl>
	<hr>
	<dl>
		<dt>
			<img src="images/widget_3.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>
		<a href="">变废为宝！将手机旧电池变为充电宝的Better</dd>
		<dd class="rd">阅读（819）</dd>
		</a>
	</dl>
	<hr>
	<dl>
		<dt>
			<img src="images/widget_4.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>
		<a href="">老外偷拍桂林芦笛岩洞 美如“地下彩虹</dd>
		<dd class="rd">阅读（819）</dd>
		</a>
	</dl>
	<hr>
	<dl>
		<dt>
			<img src="images/widget_5.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>
		<a href="">doge神烦狗打底南瓜裤 就是如此魔性</dd>
		<dd class="rd">阅读（819）</dd>
		</a>
	</dl>
	</div>

	<div class="right4">
	<h2 style="margin: 10px 25px; padding-bottom: 10px;">最新评论</h2>

	<dl>
		<dt><img src="images/avatar_1.jpg" alt=""width="50px; height="30px; ></dt>
		<dd><a href="">陆老爷</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>你就是个嘴巴！</span> </dd>
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_1.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">陆老爷</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>苏喂苏喂苏喂</span> </dd>
		
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_2.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">鲜活</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>挺会玩的</span> </dd>	
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_1.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">鲜活</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>挺会玩的</span> </dd>
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_2.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">鲜活</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>挺会玩的</span> </dd>	
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_1.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">鲜活</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>挺会玩的</span> </dd>	
	</dl>			
	</div>
</div>
</div>
</div>


	
</body>
</html>